<template>
    <alarmTrend
         class="h-full"
        :data="data"
         :dataList="dataList"
         :title="title"
         :legendList="legendList"
         :color="colors"/>
</template>
<script lang="ts" setup>

import alarmTrend from "@/views/large-data-screen/component/public/alarm-trend.vue"
import {getScreealarm,} from '@/api/screen/largeData'
const legendList = ref(['故障', '离线', '报警'])
const colors =ref(['rgb(69, 131, 255)', 'rgb(253, 188, 82)', 'rgb(1, 191, 236)', ])
const title = ref('近15日告警态势')
//用于控制图表样式
const data = ref(
  [
    // { left: '10px', top: '30px', width: '95%', height: '140px', },
    { left: '20px', right: '10px', width: '95%', bottom: '20px' },
    { height2: '200px' }
  ]
)
//获取图表数据
const dataList = ref([])
onMounted(()=>{
    // setTimeout(()=>{
        getcountalarm()
    // },300)

})
//近7日告警态势
const getcountalarm = ()=>{
    getScreealarm(
        {
            searchType:2, //查询类型(1 单位 2 -个体概览)
            alarmConfirmDT:0,//告警类型统计 （ 0-全部  3 本月 4 年）
            alarmEventDT:0,//告警事件 （ 0-全部 1 日 2周 3 月 4 年）
            systematicId:'',//应用系统id
            days:15         //最近几日（  7，15）

        }
    ).then(res=>{



         dataList.value = res.result.alarmDay


    })
}

</script>
